{% extends 'base.html' %}
{% load staticfiles %}
{% block content %}
    <div class="row">
        <aside class="profile-info col-lg-3">
            <div class="panel">
                <div class="panel-body">
                    {% include 'uc_left.html' %}
                </div>
            </div>
        </aside>
        <aside class="profile-info col-lg-9">
            <section>
                <div class="row">
                    {% block uc_content %}
                        <div class="col-lg-12">
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="bio-chart">
                                        <input class="knob" data-width="100" data-height="100"
                                               data-displayPrevious=true data-thickness=".2" value="35" data-fgColor="#e06b7d" data bgColor="#e8e8e8">
                                    </div>
                                    <div class="bio-desk">
                                        <h4 class="red">Envato Website</h4>
                                        <p>Started : 15 July</p>
                                        <p>Deadline : 15 August</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endblock %}
                </div>
            </section>
        </aside>
    </div>
{% endblock %}
{% block load_js %}
    <script src="{% static 'assets/jquery-knob/js/jquery.knob.js' %}"></script>
    <script>
        //knob
        $(".knob").knob();
    </script>
{% endblock %}
